<!DOCTYPE html> 
<html> 
<head>  
    <!--META-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!--CSS-->
    <link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
    <!--<link rel="stylesheet" href="css/datatables/css/jquery.dataTables.css"/>--> 
    <link rel="stylesheet" href="API/css/mycss.css" />
    <link rel="stylesheet" href="css/mycss.css" />

    <!--JS-->
    <script type="text/javascript" src="API/js/jquery.min.js"></script>
    <script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
    <!--<script type="text/javascript" src="API/js/highcharts.js"></script>-->
    <!--<script type="text/javascript" src="API/js/modules/exporting.js"></script>-->
    <!--<script type="text/javascript" src="API/js/jquery.dataTables.min.js"></script>--> 
    <script type="text/javascript" src="include/config.js"></script>
    <script type="text/javascript" src="API/js/fonctions.js"></script>
    <script type="text/javascript" src="API/js/functionsLib.js"></script>
    <script type="text/javascript" src="js/fonctions.js"></script>

    <script language="javascript" type="text/javascript">
    checkMaintenance();
    
    ///////////////////
    //BLOCK VARIABLE GLOBAL
    ///////////////////
    var g_tab_testInput = new Array(); 
    g_tab_testInput["nom"]=false; 
    g_tab_testInput["prenom"]=false; 
    g_tab_testInput["email"]=false; 
    g_tab_testInput["motDePasse"]=false; 
    var g_couleurFontBon = "#04B404";
    var g_couleurFontMauvais = "#FF0000";
    var g_couleurFontDefaut = "#333333";
    var g_couleurFontTips = "#a1a1a1";
    var g_codeUtilisateur = "";

    ///////////////////
    //BLOCK FONCTIONS EVENEMENTS
    ///////////////////
    //Fin chargement page
    function OnLoad() {
        try {
            //
        } catch (er) {
            log(0, "ERROR(OnLoad):" + er.message);
        }
    }
    
    function ecoute(p_obj, p_eventCode) {
        try {

            switch (p_eventCode) 
            { 
                case 13: 
                    onblurInput(p_obj);
                    buildIdentifiant();
                    creercompte();
                    break; 
                default: 
                    buildIdentifiant();
                    break; 
            }
       } catch (er) {
            log(0, "ERROR(ecoute):" + er.message);
        }
    }

    function onblurInput(p_obj) {
        try {
            $("#tips_"+p_obj.name).text("");

            switch (p_obj.name) 
            {
                case "nom" : 
                case "prenom" : 
                    var Model=/^[a-zA-Z-ÁÀÂÄÉÈÊËÍÌÎÏÓÒÔÖÚÙÛÜáàâäéèêëíìîïóòôöúùûüÇç\s]{2,}$/g;
                    var test = p_obj.value.match(Model);
                    if(test != null){
                        $("#label_"+p_obj.name).css("color", g_couleurFontBon);
                        g_tab_testInput[p_obj.name]=true;
                    }else{
                        $("#label_"+p_obj.name).css("color", g_couleurFontMauvais);
                        g_tab_testInput[p_obj.name]=false;
                    }
                    break;
                case "email" : 
                    var Model=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]{2,}[.][a-zA-Z]{2,4}$/g;
                    var test = p_obj.value.match(Model);
                    if(test != null){
                        $("#label_"+p_obj.name).css("color", g_couleurFontBon);
                        g_tab_testInput[p_obj.name]=true;
                    }else{
                        $("#label_"+p_obj.name).css("color", g_couleurFontMauvais);
                        g_tab_testInput[p_obj.name]=false;
                    }
                    break;
                case "motDePasse" : 
                    var Model=/^[a-zA-Z0-9]{8,}$/g;
                    var test = p_obj.value.match(Model);
                    if(test != null){
                        $("#label_"+p_obj.name).css("color", g_couleurFontBon);
                        g_tab_testInput[p_obj.name]=true;
                    }else{
                        $("#label_"+p_obj.name).css("color", g_couleurFontMauvais);
                        g_tab_testInput[p_obj.name]=false;
                    }
                    break;
                default: 
                    break; 
            }
       } catch (er) {
            log(0, "ERROR(checkIntput):" + er.message);
        }
    }

    function onfocusInput(p_obj) {
        try {
            $("#label_"+p_obj.name).css("color", g_couleurFontDefaut);
            $("#tips_"+p_obj.name).css("color", g_couleurFontTips);

            switch (p_obj.name) 
            {
                case "nom" :
                    $("#tips_"+p_obj.name).html("Que des caract&egrave;res et &agrave; minima de deux lettres.");
                    break;
                case "prenom" : 
                    $("#tips_"+p_obj.name).html("Que des caract&egrave;res et &agrave; minima de deux lettres.");
                    break;
                case "email" : 
                    $("#tips_"+p_obj.name).html("Utiliser le format standard.");
                    break;
                case "motDePasse" : 
                    $("#tips_"+p_obj.name).html("Au minima de longueur huit, il doit avoir des lettres et des chiffres.");
                    break;
                default: 
                    break; 
            }
       } catch (er) {
            log(0, "ERROR(onfocusInput):" + er.message);
        }
    }

    ///////////////////
    //BLOCK FONCTIONS METIER
    ///////////////////
    function buildIdentifiant() {
        try {
            var p_nom = $("#nom").val();
            var p_prenom = $("#prenom").val();

            var v_identifiant = "";

            if((p_nom.length > 2)&&(p_prenom.length > 2)){
                v_identifiant = (p_prenom.substring(0,2)+p_nom.substring(0,2)).toUpperCase();
                g_codeUtilisateur = v_identifiant;
            }else{
                $("#identifiant").text("");
            }

            $("#identifiant").html("<b>"+v_identifiant+"</b>");
        } catch (er) {
            log(0, "ERROR(buildIdentifiant):" + er.message);
        }
    }

    function creercompte() {
        try {
            var p_nom = $("#nom").val();
            var p_prenom = $("#prenom").val();
            var p_email = $("#email").val();
            var p_motDePasse = $("#motDePasse").val();
            
            var controle = true;
            var strMsgChamps = "Il faut revoir ce(s) champ(s) : ";
            for(unInput in g_tab_testInput)
            {
                if(g_tab_testInput[unInput] == false){
                    strMsgChamps += unInput+", ";
                    controle = false;
                }
            }
            strMsgChamps += "Merci.";
            if(controle){
                var result = addUtilisateur(p_nom, p_prenom, p_email, p_motDePasse, g_codeUtilisateur);
                
                if(result["strErreur"] == ""){
                    var infoUser = result["data"]["infosUser"];
                    
                    var contact_mail_administrateur = getParameter("contact_mail_administrateur");

                    var message_html = "";
                    message_html = "<html><head></head><body>";
                    message_html += "Bonjour "+p_prenom+",<br>";
                    message_html += "<br>";
                    message_html += "Votre compte a bien &eacute;t&eacute; cr&eacute;&eacute;.<br>";
                    message_html += "<br>";
                    message_html += "Pour rappel : <br>";
                    message_html += "- votre identifiant : "+infoUser["code_user"]+"<br>";
                    message_html += "- votre mot de passe : "+p_motDePasse+"<br>";
                    message_html += "<br>";
                    message_html += "Merci est rendez-vous <a href='"+domaine+"'>ici</a><br>";
                    message_html += "<br>";
                    message_html += "L'&eacute;quipe<br>";
                    message_html += "</body></html>";

                    var paramsMail = {
                        email_mails_dest : infoUser["mail"]+"," 
                        ,email_mail_ori : contact_mail_administrateur
                        , email_labelle_ori : "Service Mail ODA"
                        , email_mail_reply : contact_mail_administrateur
                        , email_labelle_reply : "Service Mail ODA"
                        , message_html : message_html
                        , sujet : "[ODA]Création de compte réussi."
                    };

                    $.functionsLib.sendMail(paramsMail);

                    var params_attempt = {
                        sujet : "[ODA]Notification"
                        , message_html : "Création de compte."
                        , id_serviceMail : 1
                    };
                    $.functionsLib.serviceMailDiff(params_attempt);

                    var strHtml = "F&eacute;licitation votre compte a bien &eacute;t&eacute; cr&eacute;&eacute; (N&deg;"+infoUser["id"]+", identifiant : "+infoUser["code_user"]+").";
                    notification(strHtml, _SUCCES);
                }else{
                    var strHtml = "Erreur de cr&eacute;ation de votre compte, merci de contacter l'administrateur.";
                    notification(strHtml, _WARNING);
                }
            }else{
                notification(strMsgChamps, _WARNING);
            }
        } catch (er) {
            log(0, "ERROR(creercompte):" + er.message);
        }
    }
    </script>
</head> 

<body onload="OnLoad();"> 

	<!-- page -->
	<div data-role="page" data-title="Cr&eacute;er un compte">
	
		<!-- header -->
		<div data-role="header">
			<h1>Cr&eacute;er un compte</h1>
                        <a href="javascript:window.location = ('./page_contact_restreint.html?mili='+getMilise());" data-role="button" data-icon="info" data-iconpos="notext">Contact</a>
		</div>
		<!-- /header -->

		<!-- content -->
		<div data-role="content" id="main_content">
                    <div data-role="collapsible" data-collapsed="false" data-mini="true" id="div_creationCompte">
                        <h4>Formulaire de compte</h4>
                        <div class="ui-grid-b">
                            <div class="ui-block-a">
                                <label for="nom" id="label_nom" style="width: 75%">Saisir votre nom* :</label>
                                <input type="text" name="nom" id="nom" value="" data-mini="true" placeholder="votre nom ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                                <label for="nom" id="tips_nom" style="width: 75%"></label>
                                <label for="prenom" id="label_prenom" style="width: 75%">Saisir votre pr&eacute;nom* :</label>
                                <input type="text" name="prenom" id="prenom" value="" data-mini="true" placeholder="vore pr&eacute;nom ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                                <label for="prenom" id="tips_prenom" style="width: 75%"></label>
                                Votre identifiant : <label id="identifiant"></label>
                            </div>
                            <div class="ui-block-b" style="width:5%;">
                                &nbsp;
                            </div>
                            <div class="ui-block-b">
                                <label for="email" id="label_email" style="width: 75%">Saisir votre e-mail* :</label>
                                <input type="text" name="email" id="email" value="" data-mini="true" placeholder="votre e-mail ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                                <label for="email" id="tips_email" style="width: 75%"></label>
                                <label for="motDePasse" id="label_motDePasse" style="width: 75%">Saisir votre mot de passe* :</label>
                                <input type="text" name="motDePasse" id="motDePasse" value="" data-mini="true" placeholder="votre mot de passe ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                                <label for="motDePasse" id="tips_motDePasse" style="width: 75%"></label>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:window.location = ('./index.html?mili='+getMilise());" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Retour</a>					
                    <a href="javascript:creercompte();" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Soumettre</a>					
		</div>
		<!-- /content -->
		
		<!-- footer -->
		<div data-role="footer" data-position="fixed">
			<h1>Nouvel utilisateur</h1>
		</div>
		<!-- /footer -->
		
	</div>
	<!-- /page -->
	
</body>
</html>